/* Reset CSS */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	display:block;
}
/* Special class */
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.highlight {
	display: block;
	color: #bb2929;
	font-size: 1.15em;
	font-weight: bold;
	padding-bottom: 8px;
}
/* font face */
@font-face {
	font-family: "Optima";
	src: url('../fonts/Optima-LT-Std-Roman.ttf') format('truetype');
}
/* general */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #342a31;
	font-size: 14px;
	background: #fff;
	font: 18px/1.2 '游ゴシック', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', Meiryo, メイリオ, serif;
}
article {
	font-family: "メイリオ", Meiryo, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color: #333;
	text-decoration: underline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* general */
#wrapper {
	width: 100%;
	margin: 0 auto;
}
.fontLarge {
	font-size: 120%;
}
.font7 {
	font-size: 7px !important;
}
.font8 {
	font-size: 8px !important;
}
.font9 {
	font-size: 9px !important;
}
.font10 {
	font-size: 10px !important;
}
.font11 {
	font-size: 11px !important;
}
.font12 {
	font-size: 12px !important;
}
.font13 {
	font-size: 13px !important;
}
.font15 {
	font-size:15px !important;
}
.font16 {
	font-size: 16px !important;
}

/*header*/
header {
 position: relative;
 padding: 30px 0 0;
}
header .sp_logo {
	text-align: center;
	padding-bottom: 27px;
}
header .sp_logo img{
	display: inline-table;
}

#fbIcon {
	position: absolute;
	right: 23px;
	top: 18px;
}
nav.menu {
	background: url(../images/bg_dotted_v.png) center center repeat-y;
}
nav.menu ul {
	list-style: none;
	margin: 0;
	text-align: center;
	background: url(../images/bg_dotted_h.png) center bottom repeat-x;
}
nav.menu ul li {
	display: block;
	width: 50%;
	float: left;
}
nav.menu ul li a {
	display: inline-block;
	height: auto;
	overflow: hidden;
	text-decoration: none;
}
nav.menu ul li a span{
	display: block;
	margin-bottom: .5em;
}
nav.menu02 {
	background: url(../images/bg_dotted_h.png) center bottom repeat-x;
}
nav.menu02 ul {
	list-style: none;
	margin: 0;
	text-align: center;
	background: url(../images/bg_dotted_h.png) center top repeat-x;
}
nav.menu02 ul  li{
	width: 25%;
	float: left;
	background: url(../images/bg_dotted_v.png) right center repeat-y;
}
nav.menu02 ul  li:last-child{
	background: none;
}
nav.menu02 ul li a {
	margin: 0;
}

section, .topContent {
	background: #F8F8F8;
	text-align: left;	
}
section, .topContent img{
	margin: 0 auto;
}

section[role=main] {
	border-top: 1px dotted #d6cdbd;
}

/* home page*/
.pageTop article.about{
	background: url(../images/about_img.png) no-repeat 90% 250px;
	padding: 7.8125% 9.375% 10.3125%;
	border-bottom: 1px dotted #D6CDBD;
	min-height: 500px;
}
.pageTop article.product{
	padding: 7.8125% 9.375% 10.3125%;
}
.pageTop article h2{
	padding: 45px 0 20px 0;
}
.pageTop article  p{
	font-size: 1.2em;
    line-height: 2em;
    margin-bottom: 10px;
    width: 60%;
	letter-spacing: 0.11em;
}
.pageTop article div.link{
	width: 60%;
	text-align: right;
}
.pageTop article div.link a{
    display: inline-block;
    text-decoration: none;
}
.pageTop article.product  p{
    width: 100%;
}
.pageTop article.product .linkBox {
	
}
.pageTop article.product .linkBox figure{
	width: 66%;
	float: left;
}
.pageTop article.product .linkBox figcaption{
	float: left;
	width: 34%;
}
.pageTop article.product .linkBox div.link{
    width: auto;
	margin-top: 120px;
}

/*footer*/
footer {
	font-family: "Optima";
	border-top: dotted 1px #d6cdbd;
	text-align: center;
}
.fbfooter {
	display: inline-block;
    padding: 4.84375% 0 4.84375% 10%;
	background: url(../images/sp_f_logo.png) no-repeat left center;
}
.fbfooter a{
	font-size: 1.25em;
    letter-spacing: 0.07em;
    text-decoration: none;
}
.footerTxt {
	border-top: 1px dotted #D6CDBD;
    font-size: 1.4em;
    padding: 4.6875% 0 4.6875% 10%;
    letter-spacing: 0.08em;
}

/* product page */
.product {
	padding: 10.15625% 7.8125%;
}
.product .thumb {
	width: 48%;
	text-align: center;
}
.product .thumb img {
	display:inline-block;
}
.product .content {
	width: 52%;
}
.product .content .inner {
	padding-right: 80px;
}
.product .title {
	font-family: 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', Meiryo, メイリオ;
	font-size: 1.9em;
    letter-spacing: 0.13em;
    margin: 3px 0 15px;
}
.product .title small {
	font-size: 1em;
    font-weight: normal;
    letter-spacing: -0.07em;
}
.product .subTitle {
	font-family: 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', Meiryo, メイリオ;
	color: #342a31;
	font-size: 1.8em;
    letter-spacing: 0.13em;
    margin: 45px 0 25px;
}
.product p.noteTxt{
	font-size: 1.3em;
    letter-spacing: 0.1em;
    line-height: 1.7em;
	padding-bottom: 25px;
}
.product .info {
	font-size: 18px;
}
.product .info .volume {
	font-size: 1.75em;
    letter-spacing: 0.08em;
}
.product .info .price {
	font-size: 1.7em;
	padding-left: 0.6em;
}
.product .info .price small {
	font-size: 1em;
	letter-spacing: 0.25em;
}
.product .buy {
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #bb3b3d;
	display: inline-block;
	margin: 30px 0 20px;
    padding: 27px 0;
	text-decoration: none;
	text-align: center;
    width: 75%;
	font-size: 1.7em;
    font-weight: bold;
    letter-spacing: 0.2em;
}
.product .notes {
	font-size: 1.2em;
	color: #666;
	margin: 10px 0 0;
	letter-spacing: -0.05em;
}
.product .promotion {
	color: #bb3c3e;
	padding: 20px 25px 15px;
	border: 1px solid #bb3c3e;
	background: #fff;
	margin: 10px 0;
}
.product .promotion .notes {
	color: #bb3c3e;
	margin-top: 0;
}
.pageProducts article div.link{
	width: 100%;
	text-align: right;
	margin-top: 48px;
}
.pageProducts article div.link a{
    display: inline-block;
    text-decoration: none;
}
.pageProducts .topContent {
	padding-bottom: 11.1%; 
}
div#slides{
	width: 100%;
	overflow: hidden;
}
.pageProducts .topContent div#slides img{
	border: 1px dotted #D6CDBD;
}

/* products page */
.products {
	padding: 9.375% 7.8125%;
}
.products .title {
	font-family: 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', Meiryo, メイリオ;
	margin-bottom: 2.78%;
	font-size: 1.5em;
    line-height: 1.6em;
}
.products h3 {
	margin-bottom: 11.1%;
}
.products .item {
	font-family: 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', Meiryo, メイリオ;
	text-align: left;
	line-height: 18px;
	clear: both;
    float: left;
    width: 100%;
}
}
.products .item:nth-child(3n+2) {
	
}
.products .item .thumb {
	display: inline-block;
	position: relative;
	border: 1px dotted #d6cdbd;
	background: #fff;
	margin-bottom: 20px;
	float: left;
	margin-right: 6%;
	margin-top: 0;
	width: 49%;
	text-align: center;
}
.products .item .itemRight {
	float: left;
	width: 45%;
	padding-bottom: 20px;
}
.products .item .thumb  img{
	display: inline-block;
	width: 100%;
}
.products .item .set .thumb {
	margin-bottom: 8px;
}
.products .item  .itemRight > a{
	text-decoration: none;
	font-size: 1.5em;
	line-height: 1em;
}
.products .item  a small{
	display: inline-block;
	margin-top: 20px;
}
.products .item  .small{
	font-size: .7em;
}
.products div.link {
    text-align: left !important;
    width: auto !important;
}
.productSteps {
	padding:60px 80px 75px;
	border-top: 1px dotted #d6cdbd;
}
.productSteps .title {
	margin-bottom:40px;
}
.productSteps .table .col {
	float:left;
	min-height:128px;
	padding:0 17px 0 0 ;
	background:url(../images/line.jpg) 0 63px repeat-x; 
}
.productSteps .table .row .col:first-child {
	width:50px;
	padding:0;
	background:none;
}
.productSteps .table .row .col:last-child {
	padding-right:0;
}

.productSteps .table .header {
	padding-left:50px;
	margin-bottom:30px;
}

.productSteps .item {
	width:110px;
	font-family: Meiryo, メイリオ, 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3';
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}
.productSteps .item .thumb {
	border: 1px dotted #d6cdbd;
	background:url(../images/bg_opacity.png);
	display:block;
	margin-bottom:15px;
}
.productSteps .item p {
	color:#5d5c5c;
	font-size:10px;
	font-weight:normal;
	margin-top:10px;
	text-align:left;
}
.thumb .ribbon,
.otherProducts .list .trial .ribbon {
	height: 74px;
    left: -25px;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 127px;
	background: url(../images/trial-ribon.png) 0 0 no-repeat;
}
.thumb .corner,
.otherProducts .list .trial .corner {
	position: absolute;
	width: 70px;
	height: 70px;
	right: -1px;
	bottom:0;
	background: url(../images/trial-conner.png) 0 0 no-repeat;
	margin-top: 0;
}

/* media query for screen less than 640px */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
	.pageTop article p {
		font-size: 0.6em;
		letter-spacing: 0.055em;
		line-height: 1em;
		margin-bottom: 5px;
	}
	.highlight {
		color: #BB2929;
		font-size: .575em;
		padding-bottom: 4px;
	}
	.products .item .itemRight > a {
		font-size: .75em;
		line-height: .5em;
	}
	.products .item a small {
		margin-top: 10px;
	}
	.pageProducts article div.link {
		margin-top: 24px;
	}
	.product .title {
		font-size: .95em;
		letter-spacing: 0.065em;
		margin: 1.5px 0 7.5px;
	}
	.product .title small {
		font-size: .5em;
		font-weight: normal;
		letter-spacing: -0.035em;
	}
	.product .info .volume {
		font-size: .875em;
		letter-spacing: 0.04em;
	}
	.product .info .price {
		font-size: .875em;
		padding-left: 0.3em;
	}
	.product .buy {
		font-size: .875em;
		letter-spacing: 0.1em;
		margin: 15px 0 10px;
		padding: 13.5px 0;
	}
	.product .notes {
		font-size: .6em;
		letter-spacing: -0.025em;
		margin: 5px 0 0;
	}
	.product .subTitle {
		font-size: .9em;
		letter-spacing: 0.065em;
		margin: 22.5px 0 12.5px;
	}
	.product p.noteTxt {
		font-size: .625em;
		letter-spacing: 0.05em;
		line-height: .85em;
		padding-bottom: 12.5px;
	}
	.pageProducts article div.link {
		margin-top: 4.44%;
	}
	.fbfooter a {
		font-size: .625em;
		letter-spacing: 0.035em;
	}
	.footerTxt {
		font-size: .7em;
		letter-spacing: 0.04em;
	}
}

/* body page about 0303 folder 11233 */
.pageAbout p{
	font-size: 1em;
	letter-spacing: 0.11em;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.article{
	padding:0 50px;
}
.article1{
	padding-top:44px !important;
	padding-bottom:50px !important;
}
.article1 h1{
	margin-bottom:40px;
}
.article1 h4{
	margin-bottom:35px;
}
.article2{
	padding-top:55px;
	padding-bottom:60px;
}
.category h4{
	margin-bottom:30px;
}
.article3{
	padding-top:55px;
	padding-bottom:60px;
}
.article3 h4{
	margin-bottom:40px;
}
.article4{
	padding-top:44px;
	padding-bottom:60px;
}
.article4 h4{
	margin-bottom:20px;
}
.astanatura{
	margin-top:50px;
}
.font20{
	font-size:143% !important;
}
.font24{
	font-size:171% !important;
}
.font26{
	font-size:185% !important;
}
.font28{
	font-size:200% !important;
}
.borderBottom{
	border-bottom: 1px dotted #D6CDBD;
}
.category{
	margin-top:27px;
	background:#fff;
}
.category dt{
	background-color:#C2B89F;
	background-image:url(../images/about/icon-accordionCtrl-right.png);
	background-repeat:no-repeat;
	background-position:95% center;
	padding-left:37px;
	padding-top:20px;
	padding-bottom:20px;
}
.category .down{
	background-image:url(../images/about/icon-accordionCtrl-down.png);
}
.category dd{
	display:none;
	padding:36px 32px 36px 32px;
	background:#FEFEFE;
}
.white{
	color:#fff;
}
.black{
	color:#000;
}
.bold{
	font-weight:bold;
}
.normal{
	font-weight:normal;
}
.singleProductDesc{
	padding-top:30px;
}

/* body page etc-top 0304-2 folder 11237 */
.pageEc-Top p{
	font-size: 1em;
	letter-spacing: 0.11em;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.article5{
	padding-top:67px;
}
.article5 h1{
	margin-bottom:48px;
}
.article5 h4{
	margin-bottom:20px;
}
.article6{
	padding-top:60px;
	padding-bottom:70px;
}
.article5 > div{
	background:url(../images/about/bg-otoha-product1.png) no-repeat scroll right 36px rgba(0, 0, 0, 0);
	min-height:360px;
}
.article5 > div > p{
	width:60%;
}
.article7{
	padding-top:70px;
	padding-bottom:60px;
}
.article7 h4{
}
.article8{
	padding-top:55px;
	padding-bottom:130px;
}
.article8 h3{
	margin-bottom:40px;
}
.productCategory{
	margin-bottom:20px;
}
.productImg{
	background:#fff;
	width:264px;
	height:264px;
	margin-right:34px;
	border: 1px dotted #D6CDBD;
}
.productDesc p{
	margin-bottom:0;
}
.productDesc p:last-child{
	
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.ribbon{
	background: url("../images/about/ribbon3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 76px;
    left: -14px;
    position: absolute;
    width: 126px;
}
.corner{
	background: url("../images/about/ribbon4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -255px;
    height: 70px;
    position: absolute;
    right: -263px;
    width: 70px;
}
.article8{
	padding-bottom:130px;
}
.article8 .content{
	margin-bottom:40px;
}

/* body page otoha_sumaho_pro_pages140304_5 */
.reference{
	border:1px solid #C72425;
	padding:45px 55px;
	margin-top:30px;
}
.reference .info{
	font-size:13px;
}
.reference .notes{
	color:#C72425;
}